<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>月满中秋人团圆</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" name="viewport">
    <meta content="ie=edge" http-equiv="X-UA-Compatible">
    <meta name="description" content="">
    <link rel="stylesheet" href="__STATIC__/active/mid_autumn/2022/css/index.css">
</head>
<body ontouchstart="" onmouseover="">
<div class="container" style="background: linear-gradient(180deg, #2C143E 0%, #FF9A46 100%);">
    <div class="nav" style="padding-top:{$h}px;">
        <div class="to-back event-btn" style="top:{$h}px;"  data-event="common-js-to-native" data-target="local" data-link="finish"></div>
        <div class="title-name">月满中秋人团圆</div>
        <div class="rule-btn event-btn" data-event="common-js-to-native" data-target="link" data-link="{:url('mid_autumn', 'type=rule&year=2022&zhunle_not_show_nav=1&zhunle_nav_text_color=1&need_auth=0', '$host')}">活动规则</div>
    </div>
    <div class="head" style="margin-top: {$h}px;"></div>
    <div class="box operate-box">
        <div class="btn event-btn" data-event="common-js-to-native" data-target="link" data-link="{$host}{:url('mid_autumn')}?type=lantern&year=2022&zhunle_not_show_nav=1&zhunle_nav_text_color=1&need_auth=2">猜灯谜<span class="badge">x12</span></div>
        <div class="btn event-btn" data-event="common-js-to-native" data-target="link" data-link="{$host}{:url('mid_autumn')}?type=exchange&year=2022&zhunle_not_show_nav=1&zhunle_nav_text_color=1&need_auth=2">兑团圆<span class="badge">x7</span></div>
    </div>
    <div class="box task-box">
        <div class="title-name"></div>
        <div class="task-list">
            <div class="list-item">
                <div class="img"></div>
                <div class="title">许愿望 x2<span class="icon icon-card"></span></div>
                <div class="des">写下愿望,为家人祈福气</div>
                <div class="btn event-btn" data-event="common-js-to-native" data-target="link" data-link="{$host}{:url('mid_autumn')}?type=wish&year=2022&zhunle_not_show_nav=1&zhunle_nav_text_color=1&need_auth=2">前往查看</div>
            </div>
            <div class="list-item">
                <div class="img"></div>
                <div class="title">分享 x1<span class="icon icon-card"></span></div>
                <div class="des">每日1次,分享到微信、朋友圈</div>
                <div class="btn disabled event-btn">明日再来</div>
            </div>
            <div class="list-item">
                <div class="img"></div>
                <div class="title">邀请好友参与 x1<span class="icon icon-card"></span></div>
                <div class="des">每日限1位,好友签到即邀请成功</div>
                <div class="btn event-btn" data-event="share" data-type="sign">去邀请</div>
            </div>
            <div class="list-item">
                <div class="img"></div>
                <div class="title">邀请新人注册 x2<span class="icon icon-card"></span></div>
                <div class="des">好友注册,签到即邀请成功</div>
                <div class="btn event-btn" data-event="share" data-type="invite">去邀请</div>
            </div>
        </div>
    </div>
    <div class="box tips-box">
        <div class="title"><span class="icon icon-flag"></span>成功邀请好友参与</div>
        <div class="list-item">
            <span class="name">152****9203</span>
            <span class="datetime">9.13 23:23:23</span>
        </div>
        <div class="list-item">
            <span class="name">152****9203</span>
            <span class="datetime">9.13 23:23:23</span>
        </div>
    </div>
    <div class="box tips-box">
        <div class="title"><span class="icon icon-flag"></span>成功邀请新人注册</div>
        <div class="list-item">
            <span class="name">152****9203</span>
            <span class="datetime">9.13 23:23:23</span>
        </div>
        <div class="list-item">
            <span class="name">152****9203</span>
            <span class="datetime">9.13 23:23:23</span>
        </div>
    </div>
    <div style="padding: 3.5rem"></div>
    <div class="foot">
        <div class="btn event-btn" data-event="sign-in">签到领灯谜卡</div>
    </div>
</div>
<script src="/static/astro_explain_new/js/jquery-1.11.3.min.js"></script>
<script src="/static/active/mid_autumn/2022/js/index.js"></script>
</body>
</html>
